<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冰墩墩</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <!-- 外层容器开始 -->
    <div class="main-wrap">
        <!-- 冰墩墩上面的圆圈开始 -->
        <div class="face-border-box">
            <div class="face-round-border face-round-green" ></div>
            <div class="face-round-border face-round-yellow" ></div>
            <div class="face-round-border face-round-red" ></div>
            <div class="face-round-border face-round-blue" ></div>
        </div>
        <!-- 冰墩墩上面的圆圈结束 -->
        <!-- 冰墩墩主体开始 -->
        <div class="main">
            <!-- 身体开始 -->
            <div class="body">
                <div class="face-round">
                    <!-- 脸的开始 -->
                    <div class="face">
                        <div class="eyes">
                                <div class="left">
                                    <div class="ball"></div>
                                </div>
                                <div class="right">
                                    <div class="ball"></div>
                                </div>
                        </div>
                        <div class="nose"></div>
                        <div class="mouth">
                            <div class="shape"></div>
                        </div>
                    </div>
                    <!-- 脸的结束 -->
                </div>
                <div class="ears">
                    <div class="ears-left"></div>
                    <div class="ears-right"></div>
                </div>
                <div class="arm">
                    <div class="arm-left"></div>
                    <div class="arm-right">
                        <div class="arm-right-hand">❤</div>
                    </div>
                </div>
                <div class="bg"></div>
                <!-- logo开始 -->
                <div class="logo"></div>
                <!-- logo结束 -->
                <!-- 腿开始 -->
                <div class="leg">
                    <div class="leg-left"></div>
                    <div class="leg-right"></div>
                </div>
                <!-- 腿结束 -->
                <!-- 脚开始 -->
                <div class="foot">
                    <div class="foot-left"></div>
                    <div class="foot-right"></div>
                </div>
                <!-- 脚结束 -->
            </div>
            <!-- 身体结束 -->
            <div class="road">
            </div>
        </div>
        <!-- 冰墩墩主体结束 -->

    </div>
    <!-- 外层容器结束 -->
</body>
</html>